<nav class="navbar navbar-expand navbar-dark bg-dark static-top">
  <a class="navbar-brand" href="/">
    <img src="/static/images/sh00t-logo.png" height="25" />
  </a>

   <div class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0"></div>
   <ul class="navbar-nav ml-auto ml-md-0">
        <li class="nav-item dropdown no-arrow">
          <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="fas fa-user-circle fa-fw"></i> {{ request.user.username }}
          </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
              <a class="dropdown-item" target="_blank" href="/admin/auth/user/{{ request.user.id }}/change/">Profile</a>
              <a class="dropdown-item" target="_blank" href="/admin/password_change/">Change Password</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="/logout/">Logout</a>
          </div>
        </li>
   </ul>
</nav>
